{% extends "mobile/common/vacation_base.html" %}

{% block title %}{{data.title}}{% endblock %}
{% block css_ex %}
    <!-- build:css(.tmp) css/hotel/hotel_map.css -->
    <link rel="stylesheet" href="{{ STATIC_URL }}mobile/css/hotel/hotel_map.css">
    <!-- endbuild -->
{% endblock %}
{% block app_header%}
<script>
    // System
    var breadtrip_banner_title = '{{data.title}}';
    var activity_name = '{{data.title}}';
</script>
{% endblock %}
{% block content %}
<div class="map" id="map"></div>
{% endblock %}

{% block js_touch %}{% endblock %}
{% block js_swipe %}{% endblock %}

{% block js_ex %}
<script type="text/javascript">
    BT.context('latitude', {{ data.latitude }});
    BT.context('longitude', {{ data.longitude }});
    BT.context('zoom', {{ data.zoom }});
</script>
<!-- build:js js/hotel/hotel_map.js -->
<script src="{{ STATIC_URL }}mobile/js/hotel/hotel_map.js" type="text/javascript"></script>
<!-- endbuild -->
{% endblock %}
